<template>
  <div class="send-detail">
    <el-dialog
      title="明细"
      :visible.sync="detailVisible"
      width="60%"
      :before-close="handleCloseDetail"
    >
      <el-table
        :data="detailList"
        border
      >
        <el-table-column
          prop="depart"
          label="部门"
        />
        <el-table-column
          prop="id"
          label="ID"
        />
        <el-table-column
          prop="name"
          label="姓名"
        />
        <el-table-column
          prop="shouldCount"
          label="应推条数"
        />
        <el-table-column
          prop="unCount"
          label="未推条数"
        />
      </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    detailVisible: {
      type: Boolean,
      default: false
    },
    detailList: {
      type: Array,
      default() {
        return []
      }
    }
  },
  methods: {
    handleCloseDetail() {
      console.log('close detail')
      this.$emit('closeDetail')
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
